import React, { Component } from "react";
import Head from "next/head";
import Link from "next/link";
import "./index.scss";
class Resume extends Component {



	render() {
		return (
			<React.Fragment>
				<Head>
					<title>JustDoDo | 个人简历</title>
					<meta name="keywords" content="justdodo,简历" />
					<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_958466_u3mfs6ctb1r.css"></link>
					<link rel="stylesheet" type="text/css" href="/static/animate.css"/>
				</Head>
				<div className="main">
					<div className="header-box">
						<div className="header">
							<h1 className="name animated slideInLeft">Mr.r <span className="posi">前端开发工程师</span></h1>
							<div className="info animated slideInRight">
								<span className="tel-box">
									<i className="iconfont icon-tel"></i>
									<span>18165278350</span>
								</span>
								{/* <span className="chat-box">
								<i className="iconfont icon-custom-wechat"></i>
                wechat
							</span> */}
							</div>
						</div>
					</div>

					<div className="content">
						<div className="person-info">
							<h2>个人介绍</h2>
							<div className="info">
								<p>姓名: <span className="txt">李航</span></p>
								<p>邮箱: <span className="txt">lh790750172@gmail.com</span></p>
								<p>年龄: <span className="txt">24</span></p>
							</div>
							<div className="info">
								<p className="txt">籍贯: <span className="txt">陕西西安</span></p>
								<p className="txt">院校: <span className="txt">西安石油大学</span></p>
								<p className="txt">英语: <span className="txt">CET-4</span></p>
							</div>
						</div>

						<div className="skill-info">
							<h2>擅长前端，涉猎后端</h2>
							<div className="info">
								<p className="animated fadeInLeft" style={{ width: "90%" }}>Javascript</p>
								<p className="animated fadeInLeft" style={{ width: "90%" }}>HTML & CSS</p>
								<p className="animated fadeInLeft" style={{ width: "80%" }}>Vue</p>
								<p className="animated fadeInLeft" style={{ width: "80%" }}>React</p>
								<p className="animated fadeInLeft" style={{ width: "80%" }}>Node.js</p>
								<p className="animated fadeInLeft" style={{ width: "70%" }}>Angular</p>
							</div>
						</div>

						<div className="company-info">
							<h2>参加公司</h2>
							<div className="info animated fadeInUp">
								<p className="time">现在</p>
								<div className="cp">
									<a href="" className="logo">
										<img src="https://cdn.czbapp.com/czb/webssr/images/logo/logo.png" alt="" />
									</a>
									<div className="des">
										<h4 className="name">
                      成长保
											<span className="job-title">web前端开发</span>
										</h4>
										<p className="msg">
                      主要负责:
                      1. 前端大赛项目开发(vue全家桶)
                      2. nodejs开发crm(中间层)
										</p>
									</div>
								</div>


								<p className="time">2017.3 - 2018.3</p>
								<div className="cp">
									<a href="http://www.bohui.com.cn" className="logo">
										<img src="/static/images/bohui.png" alt="" />
									</a>
									<div className="des">
										<h4 className="name">
                      北京博汇科技技术有限公司
											<span className="job-title">软件开发工程师</span>
										</h4>
										<p className="msg">
                      主要负责:
                      1. 前端大赛项目开发(vue全家桶)
                      2. nodejs开发crm(中间层)
										</p>
									</div>
								</div>
							</div>
						</div>

						<div className="project-info">
							<h2>项目介绍</h2>
							<div className="info">
								<h4>crm 中控系统</h4>
								<div className="tag-box">
									<div className="tags">
										<span className="tag nodejs">nodejs</span>
									</div>
									<p className="time">
                    2018.3 - 至今
									</p>
								</div>
								<p>
                  基于「Express」开发的前后端同构框架，支持：
                  中控系统中控系统中控系统中控系统中控系统中控系统中控系统中控系统
                  中控系统中控系统中控系统中控系统中控系统中控系统中控系统
								</p>
							</div>
              
							<div className="info">
								<h4>crm 中控系统</h4>
								<div className="tag-box">
									<div className="tags">
										<span className="tag nodejs">nodejs</span>
									</div>
									<p className="time">
                    2018.3 - 至今
									</p>
								</div>
								<p className="des">
                  基于「Express」开发的前后端同构框架，支持：
                  中控系统中控系统中控系统中控系统中控系统中控系统中控系统中控系统
                  中控系统中控系统中控系统中控系统中控系统中控系统中控系统
								</p>
							</div>

						</div>

					</div>

					<div className="footer animated fadeInUp">
						<Link href="/"><a>博客</a></Link>
						<Link href="/houses"><a>房市</a></Link>
					</div>
				</div>
			</React.Fragment>
		);
	}
}

export default Resume;